<script>
	import { KButton } from '@ikun-ui/button';
</script>

<div class="flex items-center justify-between flex-wrap">
	<KButton icon="i-carbon-settings" type="info" disabled cls="mx-2">settings</KButton>
	<KButton icon="i-carbon-logo-svelte" type="error" disabled cls="mx-2">svelte</KButton>
	<KButton icon="i-carbon-logo-wechat" type="success" disabled cls="mx-2">wechat</KButton>
	<KButton icon="i-carbon-logo-google" type="primary" disabled cls="mx-2">google</KButton>
	<KButton icon="i-carbon-aperture" type="warning" disabled cls="mx-2">aperture</KButton>
</div>

<div class="flex items-center mt-2 flex-wrap">
	<KButton icon="i-carbon-settings" type="info" disabled circle cls="mx-2"></KButton>
	<KButton icon="i-carbon-logo-svelte" type="error" disabled circle cls="mx-2"></KButton>
	<KButton icon="i-carbon-logo-wechat" type="success" disabled circle cls="mx-2"></KButton>
	<KButton icon="i-carbon-logo-google" type="primary" disabled circle cls="mx-2"></KButton>
	<KButton icon="i-carbon-aperture" type="warning" disabled circle cls="mx-2"></KButton>
</div>
